<template>
	
	<view class="bottom_div" >
		<list>
			<cell v-for="(item,index) in courseList" :key="index" @tap="courseItemClicks(index)">
				{{item.name}}
			</cell>
	
		</list>
	
	</view>
</template>

<script>
	export default{
		props:["courseList"],
		methods: {
			courseItemClicks: function(index) {
				//触发父组件获取课程列表方法
                 this.$emit('courseItemClicks',index);
			}
		},
	}
</script>

<style>
	.bottom_div {
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	
	}
	
	.bottom_div list {
		position: absolute;
		bottom: 0;
		width: 100%;
		display: flex;
		background: #FFFFFF;
		flex-direction: column;
	}
	
	.bottom_div list cell {
		text-align: center;
		height: 88rpx;
		border-bottom: 1px solid #DADADA;
		line-height: 88rpx;
	
	}
</style>
